<template>
   <div class="qcode" v-on:click="onQcode">
        <i class="q-code"></i>
    </div>
</template>
<script>
export default {
  name: 'qcode',
  methods:{
    onQcode(){
      var _this = this;
      this.$wechat.scanQRCode({
				needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
				scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
				success: function (res) {
          var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
          var reg = /(val=(.*))/ig;
          // result.match(reg)[0].split('val=')[1];
          _this.$http(`shop/qrCode/get?code=&qrCode=${result.match(reg)[0].split('val=')[1]}`)
            .then(({data})=>{
              if(data.status == 200){
                 _this.$router.push({path:'/goods',query:{tableId:data.data.tableId,tableName:data.data.tableName,shopId:data.data.shopId,orderType:data.data.orderType,shopName:data.data.shopName}})
              }
            }).catch(err=>{
            	_this.$vux.toast.show({
                  type: 'warn',
                  text: '网络错误',
                  time: 2000
              })
            })
        }
      })

      
      // 测试代码    不用扫码
      //  _this.$http(`shop/qrCode/get?qrCode=S/PJXa4aAfYtFHhd7QZF701upOPXtW7sX0TqWfDo/gi5diL6TpZ+fLObTQT/ex1is/N872GmwI5muWc4WkX6Q9GU1nBXpf08xsItDvaJEoW8ZtGz6qne5OFIxEpv5Iq3ihhhDdYazA3GGxsyEdhRn0ZJHtTQF75fBgIlkYkzBSs=`)
      //       .then(({data})=>{
      //         if(data.status == 200){
      //           _this.$router.push({path:'/goods',query:{tableId:data.data.tableId,tableName:data.data.tableName,shopId:data.data.shopId,orderType:data.data.orderType,shopName:data.data.shopName}})
      //         }
      //       }).catch(err=>{
      //       	_this.$vux.toast.show({
      //             type: 'warn',
      //             text: '发生错误',
      //             time: 2000
      //         })
      //     })
    }
  }
}
</script>
<style scoped>
.qcode{
  width: 0.88rem;
  height: 0.88rem;
  padding: .2rem;
  margin: .5rem 0rem .5rem .5rem;
  border-radius: 50%;
  text-align:center; 
}
.qcode{
  line-height: .65rem;
}
.q-code{
  display: inline-block;
}
.q-code::before{
  font-family: 'iconfont';
  content: '\a001';
  font-style: normal;
  font-size: .7rem;
  color: #979797;
}
</style>

